.fl {
  float: left;
}
.fr {
  float: right;
}
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
html,
body {
  height: 100%;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.message {
  padding: .25333333rem .4rem;
  border-bottom: 0.4rem solid #f0f0f0;
}
.message .userImg,
.message .weui-flex__item {
  padding-left: .16rem;
  color: #7b7b7b;
}
.message .weui-flex__item {
  padding-top: 0.16rem;
}
.message .messageContent .text {
  color: #252525;
}
.message .messageContent .text .tip {
  color: #ff7427;
}
.message .imgList {
  overflow: hidden;
  margin-top: 0.49333333rem;
}
.message .imgList li {
  width: 2.666666rem;
  height: 2.666666rem;
  float: left;
  margin-right: 0.6rem;
}
.message .imgList li:last-child {
  margin-right: 0;
}
.message .imgList li img {
  width: 100%;
  height: 100%;
}
.message .otherInfo {
  color: #f8680f;
  overflow: hidden;
  line-height: 2.5;
}
.message .otherInfo .trainInfo i {
  font-size: 16px !important;
}
[data-dpr="2"] .message .otherInfo .trainInfo i {
  font-size: 32px !important;
}
[data-dpr="3"] .message .otherInfo .trainInfo i {
  font-size: 48px !important;
}
.message .likeCount i {
  font-size: 16px !important;
}
[data-dpr="2"] .message .likeCount i {
  font-size: 32px !important;
}
[data-dpr="3"] .message .likeCount i {
  font-size: 48px !important;
}
.message .likeCount span {
  vertical-align: middle;
}
.message .line {
  width: 98%;
  margin: 0 auto;
  border-bottom: 1px dashed #c1c1c1;
  margin-bottom: 0.28rem;
}
.message .likePeople .list {
  overflow: hidden;
}
.message .likePeople .list li {
  float: left;
  margin-right: 0.28rem;
}
.message .likePeople .list li:last-child {
  margin-right: 0;
}
.comment {
  padding: 0 0.4rem;
}
.comment .commentHeader {
  height: .9333333rem;
  line-height: .9333333rem;
  color: #fe8d47;
  border-bottom: 2px solid #dddbdc;
}
.comment .commentHeader i {
  font-size: 16px !important;
}
[data-dpr="2"] .comment .commentHeader i {
  font-size: 32px !important;
}
[data-dpr="3"] .comment .commentHeader i {
  font-size: 48px !important;
}
.comment .commentHeader span {
  font-size: 12px !important;
}
[data-dpr="2"] .comment .commentHeader span {
  font-size: 24px !important;
}
[data-dpr="3"] .comment .commentHeader span {
  font-size: 36px !important;
}
.comment .commentBody {
  padding-bottom: .42666667rem;
  border-bottom: 1px solid #dcdcdc;
}
.comment .commentBody .commentEditor {
  padding-top: 0.29333333rem;
}
.comment .commentBody .commentEditor .headerImg {
  width: .88rem;
  height: 0.88rem;
}
.comment .commentBody .commentEditor .headerImg img {
  width: 100%;
  height: 100%;
}
.comment .commentBody .commentEditor .weui-flex__item {
  padding-left: 0.12rem;
}
.comment .commentBody .commentEditor .weui-flex__item .train {
  font-size: 10px !important;
}
[data-dpr="2"] .comment .commentBody .commentEditor .weui-flex__item .train {
  font-size: 20px !important;
}
[data-dpr="3"] .comment .commentBody .commentEditor .weui-flex__item .train {
  font-size: 30px !important;
}
.comment .commentBody .commentEditor .weui-flex__item .time {
  font-size: 8px !important;
}
[data-dpr="2"] .comment .commentBody .commentEditor .weui-flex__item .time {
  font-size: 16px !important;
}
[data-dpr="3"] .comment .commentBody .commentEditor .weui-flex__item .time {
  font-size: 24px !important;
}
.comment .commentBody .commentEditor .likeInfo {
  width: 2rem;
  text-align: right;
}
.comment .commentBody .commentEditor .likeInfo i {
  font-size: 16px !important;
}
[data-dpr="2"] .comment .commentBody .commentEditor .likeInfo i {
  font-size: 32px !important;
}
[data-dpr="3"] .comment .commentBody .commentEditor .likeInfo i {
  font-size: 48px !important;
}
.comment .commentBody .commentContent {
  padding-left: 1rem;
}
.comment .commentBody .commentContent p {
  font-size: 10px !important;
}
[data-dpr="2"] .comment .commentBody .commentContent p {
  font-size: 20px !important;
}
[data-dpr="3"] .comment .commentBody .commentContent p {
  font-size: 30px !important;
}
.comment .commentBody .commentContent .reply {
  margin-top: .24rem;
  background-color: #eeeced;
  position: relative;
  padding: 0 0.16rem;
}
.comment .commentBody .commentContent .reply:after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #eeeced;
  position: absolute;
  left: 10px;
  top: -14px;
}
.comment .commentBody .commentContent .reply .title {
  color: #ff6500;
  line-height: 34px;
}
.comment .commentBody .commentContent .reply .text {
  line-height: 27px;
  font-size: 10px !important;
}
[data-dpr="2"] .comment .commentBody .commentContent .reply .text {
  font-size: 20px !important;
}
[data-dpr="3"] .comment .commentBody .commentContent .reply .text {
  font-size: 30px !important;
}
.comment .commentBody .commentContent .reply .commentCount {
  color: #fc7f3d;
  line-height: 37px;
}
